<!DOCTYPE html>
<!--  http://www.w3schools.com/html/html_quick.asp is the good source for learning html -->
<html>
<head>
<meta charset="ISO-8859-1">
<title>Hello world</title>
<body>

   <p>Headers are used to represent titles or headings. you have different sizes and you get them by saying h1, h2 etc see the source code of this page for reference and for result see below
   </p>
	<h1>Hello World</h1>
	<h2>Hello World</h2>
	<h3>Hello World</h3>
	<h4>Hello World</h4>
	<h5>Hello World</h5>
   <p> Order list is used to show numbered list items. tag is ol </p>
	<ol>
		<li>this is first</li>
		<li>this is second</li>
		<li>this is third</li>
	</ol>

<p> unordered list is to show bullet items and no numbers are displayed</p>
	<ul>
		<li>this is first</li>
		<li>this is second</li>
		<li>this is third</li>
	</ul>

<hr/>

<p>This will break now <br/> though i wrote the code in single line. This is because of br tag </p>


<b>Bold text</b>
<code>Computer code</code>
<em>Emphasized text</em>
<i>Italic text</i>
<kbd>Keyboard input</kbd>
<pre>Preformatted text</pre>
<small>Smaller text</small>
<strong>Important text</strong>

<abbr> (abbreviation) </abbr>
<address> (contact information) </address>
<bdo> (text direction)  </bdo>
<blockquote> (a section quoted from another source)   </blockquote>
<cite> (title of a work)  </cite>
<del> (deleted text)   </del>
<ins> (inserted text)  </ins>
<sub> (subscripted text)  </sub>
<sup> (superscripted text)   </sup>


Links
Ordinary link: <a href="http://www.example.com/">Link-text goes here</a>
Image-link: <a href="http://www.example.com/"><img src="URL" alt="Alternate Text"></a>
Mailto link: <a href="mailto:webmaster@example.com">Send e-mail</a>

Bookmark:
<a id="tips">Tips Section</a>
<a href="#tips">Jump to the Tips Section</a>
Images
<img src="URL" alt="Alternate Text" height="42" width="42">

</body>
</html>